<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./../layui/css/layui.css">
    <link rel="stylesheet" href="./../css/style.css">
    <link rel="stylesheet" href="./../css/public.css">
    <link rel="stylesheet" href="./../css/shop/goods.css">

    <title>Document</title>
</head>

<body>

    <div class="laoda">
        <div class="nav w">
            <div class="left_nav left">
                <div class="hy_wz left">欢迎光临果便利!</div>
                <div class="ps_zhi left">配送至:</div>
                <div class="dizhi left" id="dizhi">
                    <a href="#" id="peisong_city">天津</a><u class="xz"></u>
                </div>
                <!-- 隐藏 -->
                <div class="none_dizhi" id="none_dizhi">
                    <div class="none_top">
                        <span class="left">请根据您的收货地址选择</span>
                        <a href="#" class="right">全国其他城市>></a>
                    </div>

                    <div class="none_city_hot">
                        <u class="huo_re"></u>
                        <p>热门城市</p>
                        <div class="city_duo" id="city_jing">
                            <a href="#">北京市</a>
                            <a href="#">上海市</a>
                            <a href="#">天津市</a>
                            <a href="#">南京市</a>
                            <a href="#">苏州市</a>
                            <a href="#">昆山市</a>
                            <a href="#">无锡市</a>
                            <a href="#">杭州市</a>
                            <a href="#">宁波市</a>
                        </div>
                    </div>
                    <div class="hot_table">
                        <ul>
                            <li id="city_dong">

                            </li>
                        </ul>
                    </div>
                    <div class="none_city">
                        <div class="nc_ul" id="nc_ul">
                            <ul>

                            </ul>
                        </div>
                        <div class="nc_wenzi" id="nc_wenzi">
                            <div class="nc_wenzi1">
                                <dl>
                                    <dt class="city_dt">A</dt>
                                    <dd><a href="#">安庆市</a> </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">B</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#" class="city_dt">北京</a>
                                        <a href="#">滨州市</a>
                                    </dd>

                                </dl>
                                <dl>
                                    <dt class="city_dt">C</dt>
                                    <dd>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">D</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                    </dd>
                                </dl>
                            </div>
                            <div class="nc_wenzi1">
                                <dl>
                                    <dt class="city_dt">F</dt>
                                    <dd><a href="#">安庆市</a> </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">G</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#" class="city_dt">北京</a>
                                        <a href="#">滨州市</a>
                                    </dd>

                                </dl>
                                <dl>
                                    <dt class="city_dt">H</dt>
                                    <dd>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">J</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                    </dd>
                                </dl>
                            </div>
                            <div class="nc_wenzi1">
                                <dl>
                                    <dt class="city_dt">K</dt>
                                    <dd><a href="#">安庆市</a> </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">L</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#" class="city_dt">北京</a>
                                        <a href="#">滨州市</a>
                                    </dd>

                                </dl>
                                <dl>
                                    <dt class="city_dt">M</dt>
                                    <dd>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">N</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                    </dd>
                                </dl>
                            </div>
                            <div class="nc_wenzi1">
                                <dl>
                                    <dt class="city_dt">Q</dt>
                                    <dd><a href="#">安庆市</a> </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">R</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#" class="city_dt">北京</a>
                                        <a href="#">滨州市</a>
                                    </dd>

                                </dl>
                                <dl>
                                    <dt class="city_dt">S</dt>
                                    <dd>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">T</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                    </dd>
                                </dl>
                            </div>
                            <div class="nc_wenzi1">
                                <dl>
                                    <dt class="city_dt">W</dt>
                                    <dd><a href="#">安庆市</a> </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">X</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#" class="city_dt">北京</a>
                                        <a href="#">滨州市</a>
                                    </dd>

                                </dl>
                                <dl>
                                    <dt class="city_dt">Y</dt>
                                    <dd>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                        <a href="#">长沙市</a>
                                        <a href="#">慈溪市</a>
                                        <a href="#">沧州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt class="city_dt">Z</dt>
                                    <dd>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                        <a href="#">滨州市</a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="right_nav right">
                <ul>
                    <li>
                        <a href="./../login/登录.html">[登录]</a>
                    </li>
                    <li>
                        <a href="./../login/注册.html">[注册]</a>
                    </li>
                    <li>
                        <a href="#"><u class="xz bgc1"></u>我的宝贝<u class="xz"></u></a>
                        <div class="myBaby">
                            <dl>
                                <dd>我的订单</dd>
                                <dd>我的优惠券<b>0</b></dd>
                                <dd>我的收藏</dd>
                                <dd>我的悠币</dd>
                                <dd>我的退货单</dd>
                                <dd>预存看查询</dd>
                                <dd>立即充值</dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <u class="xz bgc1 bgc2"></u><a href="#">手机宝贝</a><u class="xz"></u>
                        <div class="myBaby">
                            <div class="phoneBaby">
                                <img src="./../image/public/qrcode_app.jpg" alt="">
                                <p>扫一扫下载APP</p>
                            </div>
                            <div class="phoneBaby">
                                <img src="./../image/public/qrcode_wechat.jpg" alt="">
                                <p>果便利微信</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <u class="xz bgc1 bgc3"></u><a href="#">储值卡</a>
                    </li>
                    <li>
                        <u class="xz bgc1 bgc4"></u><a href="#">提货卷平台</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="log">
        <div class="login w">
            <a href="./../index.html">
                <img src="./../image/public/logo.png" alt="">
            </a>
            <div class="seach">
                <input type="text" placeholder="输入商品名/编号/拼音"><a href="#" class="sousuo">搜索</a>
                <div class="seach_conent">
                    <a href="#" class="color">年货</a>
                    <a href="#" class="color">樱桃</a>
                    <a href="#">脐橙</a>
                    <a href="#" class="color">阿克苏</a>
                    <a href="#">蓝莓</a>
                    <a href="#">奇异果</a>
                    <a href="#" class="color">三文鱼</a>
                    <a href="#">羊肉</a>
                    <a href="#" class="color">五常米</a>
                    <a href="#">酸奶</a>
                </div>
            </div>

            <div class="gouwu">
                <u class="xz"><u class="shuzi">0</u></u><strong>0.0</strong>
            </div>
        </div>
    </div>


    <!-- 轮播图 -->
    <header>
        <!-- 轮播图导航栏 -->
        <div class="jiaod-nav" id='jiaod-nav'>

            <div class="nav-title" id='nav-title'>全部商品分类<i class="layui-icon layui-icon-triangle-d icon"></i></div>
            <div class="jianav">
                <ul>
                    <li><a href="./shop.html">新品专区</a></li>
                    <li><a href="./shop1.html">优质生活</a></li>
                    <li><a href="./shop2.html">银行专区</a></li>
                    <li><a href="./shop3.html">菜谱专区</a></li>
                </ul>
            </div>
            <div class="xianshi">
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</i></a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei">
                    <i class="shuigt"></i><a href="./shuiguo.html">国产水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">国产水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl02.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
                <div class="fenlei"><i class="shuigt"></i><a href="./shuiguo.html">进口水果<i
                            class="layui-icon layui-icon-right i-rig"></i></a>
                </div>
                <div class="nav-none">
                    <h3><a href="./shuiguo.html">进口水果</a></h3>
                    <dl>
                        <dd>
                            <a href="#">奇异果</a>
                            <a href="#">车厘子</a>
                            <a href="#">李子</a>
                            <a href="#">苹果</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                            <a href="#">山竹</a>
                        </dd>
                    </dl>
                    <div class="xiatu">
                        <img src="./../image/index/fl01.png" alt="">
                    </div>
                </div>
            </div>


        </div>

    </header>

    <!-- 流程进度 -->
    <div class="lcheng">
        <div class="w liucheng">
            <ul>
                <li><a href="./../index.html">首页</a></li>
                <li>></li>
                <li><a href="./../index.html">国产水果</a></li>
                <li>></li>
                <li><a href="./../index.html">莓</a></li>
                <li>></li>
                <li><a href="./../index.html">昌平小汤山红颜草莓1盒(约400g/盒)(北京)</a></li>

            </ul>
        </div>
    </div>

    <div class="shopping">
        <div class="shop w">
            <div class="leftimg left">
                <div class="shopimg ">
                    <img src="./../image/shop/xqing01.jpg" alt="">
                    <img src="./../image/shop/xqing02.jpg" alt="">
                    <img src="./../image/shop/xqing03.jpg" alt="">
                </div>
                <div class="xiaoshopimg">
                    <img src="./../image/shop/xqing01.jpg" alt="">
                    <img src="./../image/shop/xqing02.jpg" alt="">
                    <img src="./../image/shop/xqing03.jpg" alt="">
                </div>
            </div>
            <div class="rightwen">
                <h1>昌平小汤山红颜草莓1盒(约400g/盒)(北京)</h1>
                <p></p>
                <div class="shopjiage">
                    <div>
                        <span>价格：</span><em>￥</em><strong>49.00</strong>

                    </div>
                    <div class="pingzong">
                        <p>总体满意度</p>
                        <p><span>4.9</span>分</p>
                        <p><a href="#">(评论数791)</a></p>
                    </div>
                </div>
                <div class="shophuo">
                    <div class="huotitle"><em>促</em> 2盒仅需69.9元</div>
                    <div class="xian"></div>
                    <div class="guige">
                        <div class="guigeleft">规格：</div>
                        <a href="#">
                            <u>￥89.00</u>
                            <u>2盒/份</u>
                        </a>
                        <a href="#">
                            <u>￥89.00</u>
                            <u>2盒/份</u>
                            <i></i>
                        </a>
                    </div>
                    <div class="baoyou">满百包邮,<em> 24:00 </em>前完成订单 预计明日 <em>(2月06日)</em> 送达</div>
                    <div class="gouche">
                        <div class="guigeleft">数量：</div>
                        <div class="shu">1</div>
                        <div class="jiajian">
                            <div>+</div>
                            <div>-</div>
                        </div>
                        <a href="#"><i></i> 加入购物车</a>
                    </div>
                    <div class="fenxiang">
                        <i></i><a href="#">收藏</a>
                        <i></i><a href="#" class="fenxian">分享到</a>
                        <div class="fenxiangdao">
                            <h3>分享到...</h3>
                            <div class="fenxiangbiao">
                                <ul>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                    <li><a href="#">
                                            <span>微信</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="buzhidao">
                                <img src="./../image/shop/img_012.gif" alt="">
                                <a href="#">JiaThis</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="zuixia">
        <div class="haonan w">
            <div class="zuo">
                <div class="zuilan" id="zuilan">
                    <div class="zuiliu">
                        <h3>最近浏览</h3>
                        <a href="#" id="qingk">清空</a>
                    </div>
                    <div class="zuonei">
                        <div class="nei"><a href="#"><img src="./../image/shop/fruit_p06.jpg" alt=""><span
                                    class="lajitu"></span></a>
                            <a href="#">智力牛油果10个130-170g/个</a>

                        </div>
                    </div>
                    <div class="zuonei">
                        <div class="nei"><a href="#"><img src="./../image/shop/fruit36.jpg" alt=""><span
                                    class="lajitu"></span></a>
                            <a href="#">海南西州蜜瓜2个约1.4kg/个(北京)</a>

                        </div>
                    </div>
                    <div class="zuonei">
                        <div class="nei"><a href="#"><img src="./../image/shop/fruit06.jpg" alt=""><span
                                    class="lajitu"></span></a>
                            <a href="#">新奇士美国脐橙12个约180g/个(北京)</a>

                        </div>
                    </div>
                    <div class="zuonei">
                        <div class="nei"><a href="#"><img src="./../image/shop/fruit_p15.jpg" alt=""><span
                                    class="lajitu"></span></a>
                            <a href="#">秘鲁红提1kg(北京)</a>

                        </div>
                    </div>
                </div>

                <div>
                    <div class="zuiliu">
                        <h3>猜你喜欢</h3>
                    </div>
                    <div class="zuonei">
                        <div class="nei"><a href="#"><img src="./../image/shop/fruit_p09.jpg" alt=""></a>
                            <div class="jiache">
                                <a href="#">昌平小汤山红颜草莓2盒(约400g/盒)(北京)</a>
                                <span>￥89.00</span>
                                <span class="gouwc">加入购物车</span>

                            </div>
                        </div>
                    </div>
                    <div class="zuonei">
                        <div class="nei"><a href="#"><img src="./../image/shop/fruit17.jpg" alt=""></a>
                            <div class="jiache">
                                <a href="#">福建漳州芭乐1盒(约380g/盒)</a>
                                <span>￥9.00</span>
                                <span class="gouwc">加入购物车</span>

                            </div>
                        </div>
                    </div>
                    <div class="zuonei">
                        <div class="nei"><a href="#"><img src="./../image/shop/fruit_p08.jpg" alt=""></a>
                            <div class="jiache">
                                <a href="#">智力蓝莓2盒(约125g/盒)</a>
                                <span>￥49.00</span>
                                <span class="gouwc">加入购物车</span>

                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="you">
                <div class="dangji">
                    <h3>当季热卖</h3>
                    <ul>
                        <li>
                            <img src="./../image/shop/xqing04.jpg" alt="">
                            <a href="#">原膳烟熏三文鱼（切片）</a>
                            <span>￥46.00</span><del>￥46.00</del>
                        </li>
                        <li>
                            <img src="./../image/shop/xqing05.jpg" alt="">
                            <a href="#">澳洲腱子心1kg</a>
                            <span>￥110.00</span><del>￥110.00</del>
                        </li>
                        <li>
                            <img src="./../image/shop/xqing06.jpg" alt="">
                            <a href="#">苏北散养童子鸡600g</a>
                            <span>￥19.80</span><del>￥19.80</del>
                        </li>
                    </ul>
                </div>
                <div class="jieshao">
                    <div class="jie-title" id="jie-title">
                        <a href="javascript:;">商品详情</a>
                        <a href="javascript:;">用户评论<span>846</span></a>
                    </div>
                    <div class="jie-shang" id="jie-shang">
                        <table class="jie-shangzt">
                            <tr>
                                <th>商品状态</th>
                                <td>冷藏</td>
                            </tr>
                        </table>
                        <ul>
                            <li>
                                <img src="./../image/shop/xqing07.jpg" alt="">
                            </li>
                            <li>
                                <img src="./../image/shop/xqing08.jpg" alt="">
                            </li>
                            <li>
                                <img src="./../image/shop/xqing09.jpg" alt="">
                            </li>
                            <li>
                                <img src="./../image/shop/xqing10.jpg" alt="">
                            </li>
                            <li>
                                <img src="./../image/shop/xqing11.jpg" alt="">
                            </li>
                            <li>
                                <img src="./../image/shop/xqing12.jpg" alt="">
                            </li>
                            <li>
                                <img src="./../image/shop/xqing13.jpg" alt="">
                            </li>
                            <li>
                                <img src="./../image/shop/xqing14.jpg" alt="">
                            </li>

                        </ul>
                    </div>
                    <div class="jie-ping" id="jie-ping">
                        <div class="ping-title">
                            <div class="ptile-left">
                                总体满意度<br />
                                <b>5.0<span>分</span></b>
                                (共有<strong>846</strong>人评论)
                            </div>
                            <div class="ptitle-center">
                                <ul>
                                    <li>
                                        <b>好评</b>
                                        <strong></strong>
                                        <i>51%</i>
                                    </li>
                                    <li>
                                        <b>中评</b>
                                        <strong></strong>
                                        <i>49%</i>
                                    </li>
                                    <li>
                                        <b>差评</b>
                                        <strong></strong>
                                        <i>0%</i>
                                    </li>
                                </ul>

                            </div>
                            <div class="ptitle-right">

                                前五位评论用户可获得更高悠币奖励
                                <a href="#">我要评论</a>
                                <p>只有购买过该商品的用户才能评论</p>
                            </div>
                        </div>
                        <div class="pinglunqu">
                            <div class="pltitle">
                                <ul>
                                    <li>
                                        全部评论（162）
                                    </li>
                                    <li>
                                        好评（83）
                                    </li>
                                    <li>
                                        中评（79）
                                    </li>
                                    <li>
                                        差评（0）
                                    </li>
                                    <li>
                                        有晒单（3）
                                    </li>
                                    <li></li>
                                    <li>
                                        <select name="" id="">
                                            <option value="0">按默认</option>
                                            <option value="1">按时间</option>
                                        </select>
                                        <input type="checkbox" checked>有内容

                                    </li>
                                </ul>
                            </div>
                            <div class="plfenzu">
                                <div class="pl">
                                    <div class="txuser">
                                        <img src="./../image/shop/star1.jpg" alt="">
                                        <p>yi***</p>
                                        <span>果便利普通用户</span>
                                    </div>
                                    <div class="txtext">
                                        <div class="txpingfen">
                                            <span></span>
                                            <div><b>5</b>分</div>
                                            <div class="txzhiliang">
                                                <span>商品质量：好</span>
                                                <span>配送质量：好</span>
                                                <span>服务质量：好</span>
                                            </div>
                                            <div class="plform">来自 <span>果便利APP</span>
                                                <div class="plApp">
                                                    <img src="./../image/shop/qrcode_app.jpg" alt="">
                                                    <p>扫一扫下载App</p>
                                                </div>
                                            </div>
                                            <p class="pltime">2017年02月08日</p>
                                            <p class="pltime">21:57:00</p>
                                        </div>
                                        <div class="txpinglun">
                                            对商品非常满意
                                        </div>
                                        <div class="txhuifu">
                                            <dl>
                                                <dt>[果便利回复]</dt>
                                                <dd> 您好！由于果蔬类商品自然生长，受光照和成熟度等因素影响，口感会有一定的差异，还请您多多谅解！感谢您对果便利的支持，如发现商品质量有问题及时与我们取得联系，果便利竭诚为您服务！
                                                </dd>
                                            </dl>

                                        </div>
                                    </div>
                                </div>
                                <div class="pl">
                                    <div class="txuser">
                                        <img src="./../image/shop/v3.jpg" alt="">
                                        <p>13***</p>
                                        <span>"悠悦会"白金卡会员户</span>
                                    </div>
                                    <div class="txtext">
                                        <div class="txpingfen">
                                            <span></span>
                                            <div><b>5</b>分</div>
                                            <div class="txzhiliang">
                                                <span>商品质量：好</span>
                                                <span>配送质量：好</span>
                                                <span>服务质量：好</span>
                                            </div>
                                            <div class="plform">来自 <span>果便利APP</span>
                                                <div class="plApp">
                                                    <img src="./../image/shop/qrcode_app.jpg" alt="">
                                                    <p>扫一扫下载App</p>
                                                </div>
                                            </div>
                                            <p class="pltime">2017年02月08日</p>
                                            <p class="pltime">21:57:00</p>
                                        </div>
                                        <div class="txpinglun">
                                            对商品非常满意
                                        </div>

                                    </div>
                                </div>
                                <div class="pl">
                                    <div class="txuser">
                                        <img src="./../image/shop/star1.jpg" alt="">
                                        <p>yi***</p>
                                        <span>果便利普通用户</span>
                                    </div>
                                    <div class="txtext">
                                        <div class="txpingfen">
                                            <span></span>
                                            <div><b>5</b>分</div>
                                            <div class="txzhiliang">
                                                <span>商品质量：好</span>
                                                <span>配送质量：好</span>
                                                <span>服务质量：好</span>
                                            </div>
                                            <div class="plform">来自 <span>果便利APP</span>
                                                <div class="plApp">
                                                    <img src="./../image/shop/qrcode_app.jpg" alt="">
                                                    <p>扫一扫下载App</p>
                                                </div>
                                            </div>
                                            <p class="pltime">2017年02月08日</p>
                                            <p class="pltime">21:57:00</p>
                                        </div>
                                        <div class="txpinglun">
                                            对商品非常满意
                                        </div>

                                    </div>
                                </div>
                                <div class="pl">
                                    <div class="txuser">
                                        <img src="./../image/shop/star1.jpg" alt="">
                                        <p>yi***</p>
                                        <span>果便利普通用户</span>
                                    </div>
                                    <div class="txtext">
                                        <div class="txpingfen">
                                            <span></span>
                                            <div><b>5</b>分</div>
                                            <div class="txzhiliang">
                                                <span>商品质量：好</span>
                                                <span>配送质量：好</span>
                                                <span>服务质量：好</span>
                                            </div>
                                            <div class="plform">来自 <span>果便利APP</span>
                                                <div class="plApp">
                                                    <img src="./../image/shop/qrcode_app.jpg" alt="">
                                                    <p>扫一扫下载App</p>
                                                </div>
                                            </div>
                                            <p class="pltime">2017年02月08日</p>
                                            <p class="pltime">21:57:00</p>
                                        </div>
                                        <div class="txpinglun">
                                            对商品非常满意
                                        </div>

                                    </div>
                                </div>
                                <div class="pl">
                                    <div class="txuser">
                                        <img src="./../image/shop/star1.jpg" alt="">
                                        <p>yi***</p>
                                        <span>果便利普通用户</span>
                                    </div>
                                    <div class="txtext">
                                        <div class="txpingfen">
                                            <span></span>
                                            <div><b>5</b>分</div>
                                            <div class="txzhiliang">
                                                <span>商品质量：好</span>
                                                <span>配送质量：好</span>
                                                <span>服务质量：好</span>
                                            </div>
                                            <div class="plform">来自 <span>果便利APP</span>
                                                <div class="plApp">
                                                    <img src="./../image/shop/qrcode_app.jpg" alt="">
                                                    <p>扫一扫下载App</p>
                                                </div>
                                            </div>
                                            <p class="pltime">2017年02月08日</p>
                                            <p class="pltime">21:57:00</p>
                                        </div>
                                        <div class="txpinglun">
                                            对商品非常满意
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="plfenye">
                                <a href="#">上一页</a>
                                <a href="#">1</a>
                                <a href="#">2</a>
                                <a href="#">3</a>
                                <a href="#">...</a>
                                <a href="#">34</a>
                                <a href="#">下一页</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- 底部 全球精选 -->
    <div class=" footer">
        <div class="public_footrt w">
            <ul>
                <li>
                    <strong>全球精选</strong>
                    <span>一站式生鲜购物方案</span>
                </li>
                <li>
                    <strong>多仓直发</strong>
                    <span>特有次日达配送服务</span>
                </li>
                <li>
                    <strong>源头直采</strong>
                    <span>精选正宗品质好食材</span>
                </li>
                <li>
                    <strong>天天低价</strong>
                    <span>会员专属优惠购不停</span>
                </li>
            </ul>
        </div>
    </div>

    <footer>
        <div class="dibu w">
            <div class="footer_content">
                <h3>新手指南</h3>
                <ul>
                    <li>
                        <a href="./../login/注册.html">账户注册</a>
                    </li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">订购方式</a></li>
                    <li><a href="#">悠币说明</a></li>
                    <li><a href="#">会员等级</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>付款方式</h3>
                <ul>
                    <li><a href="#">支付方式/ 发票说明</a></li>
                    <li><a href="#">充值说明/ 储值卡说明</a></li>
                    <li><a href="#">优惠代码/ 礼品卡说明</a></li>
                    <li><a href="#">卡券购买章程</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>配送方式</h3>
                <ul>
                    <li><a href="#">配送运费</a></li>
                    <li><a href="#">配送范围</a></li>
                    <li><a href="#">配送时间</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>售后服务</h3>
                <ul>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">退换货流程</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>关于我们</h3>
                <ul>
                    <li><a href="#">公司介绍</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">业务合作</a></li>
                    <li><a href="#">诚信举报</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">友情链接</a></li>
                </ul>
            </div>

            <div class="footer_phone">
                <span>客服热线 400-000-7788 企业采购或团购,请转2号键咨询 </span>
                <span>周一至周日 9:00-21:00</span>
            </div>

            <p>所有图片均受著作权保护,未经许可任何单位与个人不得使用、复制、转载、摘编、违者必究法律责任。</p>
            <p><a href="#">沪ICP备09008015</a> Copyright ©2005-2017 <a href="#">上海易果电子商务有限公司</a> 版权所有</p>
            <div class="guanan">
                <img src="./../image/public/gs01.png" alt="">
                <img src="./../image/public/footer_copy.gif" alt="">
                <img src="./../image/public/gs02.png" alt="">
                <span>沪公网安备 31010502000002</span>
            </div>
        </div>
    </footer>



    <!-- 人工 -->
    <div class="guding" id="guding"></div>
    <div class="gudingtop" id="gudingtop"></div>

    <script src="./../layui/layui.js"></script>
    <script src="./../js/city.js"></script>
    <script src="./../js/public.js"></script>
    <script src="./../js/shop/goods.js"></script>

</body>

</html>